<div class="main-class" [ngStyle]="mainClassBoxCssStyle|styleFilter">
  <ion-row [ngStyle]="ionRowBoxCssStyle|styleFilter">
    <ion-col size="12" size-sm>
      <form [formGroup]="loginForm" (ngSubmit)="submitForm()">
        <div class="title" [ngStyle]="titleBoxCssStyle|styleFilter">
          <img class="title-img" [ngStyle]="tagData.data?.iconCssStyle | styleFilter" src="{{tagData.data.loginIcon}}"
            onerror="this.src='assets/icon/laijian_login_logo@3x.png'" />
          <h1 class="titleFontStyle" [ngStyle]="titleFontBoxCssStyle|styleFilter">{{tagData.data.title}}</h1>
        </div>
        <ion-list [ngStyle]="ionListBoxCssStyle|styleFilter">
          <ion-item [ngStyle]="accountBoxCssStyle|styleFilter">
            <ion-input #accountInput [ngStyle]="accountInputCssStyle|styleFilter" type="text" formControlName="account"
              [(ngModel)]="accountNum" maxlength="11" required placeholder="{{tagData.data.account.placeholder}}"
              (ionInput)="focusInput('1')"></ion-input>
            <span appDebounceClick (debounceClick)="accountNum=''"
              [ngClass]="{'close': accountNum!='','hideClose':accountNum===''}"></span>
          </ion-item>
          <ion-item [ngStyle]="passwordNumBoxCssStyle|styleFilter">
            <ion-input #passwordInput [ngStyle]="passwordNumInputCssStyle|styleFilter" type="{{open?'text':'password'}}"
              formControlName="password" [(ngModel)]="passwordNum" minlength="6" maxlength="30" required
              placeholder="{{tagData.data.password.placeholder}}" (ionInput)="focusInput('2')"></ion-input>
            <span appDebounceClick (debounceClick)="passwordNum=''"
              [ngClass]="{'close_r50': passwordNum!='','hideClose_r50':passwordNum===''}"></span>
            <span class="eye" appDebounceClick (debounceClick)="open=!open" [ngClass]="{'eyeshow':open}"></span>
          </ion-item>
          <ion-item lines="none" class="clear-left-item" [ngStyle]="clearLeftItemBoxCssStyle|styleFilter">
            <div class="check-box-div" [ngStyle]="checkBoxDivBoxCssStyle|styleFilter">
              <div class="enhanceClickBox" [ngStyle]="enhanceClickBoxCssStyle|styleFilter" appDebounceClick
                (debounceClick)="checkRead()">
                <ng-container *ngIf="this.isCheckRead===true">
                  <i class="checkicon" [ngStyle]="checkiconBoxCssStyle|styleFilter"></i>
                </ng-container>
                <ng-container *ngIf="this.isCheckRead===false">
                  <i class="uncheckicon" [ngStyle]="uncheckiconBoxCssStyle|styleFilter"></i>
                </ng-container>
              </div>
              <p [ngStyle]="privacyBoxCssStyle|styleFilter">
                <label class="checkbox" [ngStyle]="checkBoxCssStyle|styleFilter">我已阅读并同意</label>
                <span class="f12 blue" [ngStyle]="argumentBoxCssStyle|styleFilter" appDebounceClick
                  (debounceClick)="openArgument($event)">《蜂喔用户协议》</span>
                <span class="f12 blue" [ngStyle]="privacyPolicyBoxCssStyle|styleFilter" appDebounceClick
                  (debounceClick)="alertPrivacyPolicy($event)">《隐私政策》</span>
                <span class="f12 blue" [ngStyle]="settleInBoxCssStyle|styleFilter" appDebounceClick
                  (debounceClick)="openSettleIn($event)">《入驻协议》</span>
              </p>
            </div>

          </ion-item>
          <ion-button type="submit" color="laijian" [disabled]="!loginForm.valid&&disableBtn"
            [ngClass]="{'btn-disable': !loginForm.valid,'btn':loginForm.valid}" expand="block"
            [ngStyle]="submitButtonBoxCssStyle|styleFilter">
            <span class="login-label"
              [ngStyle]="submitButtonLabelCssStyle|styleFilter">{{tagData?.data?.button?.label}}</span>
          </ion-button>
          <div class="bottom-box" [ngStyle]="bottomBoxCssStyle|styleFilter">
            <p class="new-shop" appDebounceClick (debounceClick)="newShop()"
              [ngStyle]="tagData?.data?.register?.style|styleFilter">
              {{tagData?.data?.register?.name}}</p>
            <div class="bottom-box-right" [ngStyle]="bottomBoxRightCssStyle|styleFilter">
              <span class="register" appDebounceClick [ngStyle]="otherLinkLabelCssStyle|styleFilter"
                (debounceClick)="openPage(tagData.data.otherLink)">{{tagData?.data?.otherLink?.label}}</span>
              <span class="line" *ngIf="tagData?.data?.otherLink?.label && tagData?.data?.forget?.name"
                [ngStyle]="middleLineCssStyle|styleFilter"></span>
              <span class="forget" appDebounceClick (debounceClick)="changePwd()"
                [ngStyle]="forgetNameCssStyle|styleFilter">{{tagData?.data?.forget?.name}}</span>
            </div>
          </div>


        </ion-list>
      </form>
    </ion-col>
  </ion-row>

  <div class="row-bottom-box" [ngStyle]="rowBottomBoxCssStyle|styleFilter">
    <div class="wxLink" *ngIf="isShowButton" [ngStyle]="tagData.data?.wxLink?.cssStyle|styleFilter">
      <div [ngStyle]="tagData.data?.wxLink?.params?.innerBoxCssStyle|styleFilter" appDebounceClick
        (debounceClick)="wxAuth()" *ngIf="tagData.data?.wxLink">
        <font [ngStyle]="tagData.data?.wxLink?.params?.labelCssStyle|styleFilter">{{tagData.data?.wxLink.label}}
        </font>
        <img *ngIf="true" class="wxIconLink" [src]="tagData.data?.wxLink.iconUrl"
          [ngStyle]="tagData.data?.wxLink?.params?.iconUrlCssStyle|styleFilter"
          onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1681872642016c1dd7a9ed539d5a81e5806ac3e5e078a.png'" />
      </div>
    </div>
    <p class="tips" [ngStyle]="tipsCssStyle|styleFilter">{{tagData?.data?.tips}}</p>
    <div class="UserProtocol" [ngStyle]="userProtocolCssStyle|styleFilter">
      <span class="blue" *ngIf="tagData.data.agreement[0].link!==undefined" appDebounceClick
        (debounceClick)="openArgument($event)"
        [ngStyle]="agreementOneLabelCssStyle|styleFilter">{{tagData.data.agreement[0].label.name}}</span>
      <span class="f16 blue lr-mgr " [ngStyle]="agreementMiddleLineCssStyle|styleFilter"></span>
      <span class="blue " *ngIf="tagData.data.agreement[1].link!==undefined" appDebounceClick
        (debounceClick)="alertPrivacyPolicy($event)"
        [ngStyle]="agreementTwoLabelCssStyle|styleFilter">{{tagData.data.agreement[1].label.name}}</span>
    </div>
  </div>
</div>